<template>
    <div>
        <ul>
    <li v-for="item in goodsList" :key="item.id">
        <img :src="item.list_pic_url"  width="100%"alt="">
        <div class="avn-ellipais">{{item.name}}</div>
        <div class="price">{{item.retail_price | RMBformat}}</div>
       <!-- | RMBformat -->
    </li>
</ul>
    </div>
</template>

<script>
export default {
    name: 'Vue2Searchproducts',

    data() {
        return {
            
        };
    },
props:["goodsList"],
    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="stylus" scoped>
ul{
    padding:10px  2%;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    li{
        width 49%
        margin-bottom: 10px
        background: #fff
        text-align: center
        line-height: 30px
        .price{
            color:darkred
        }
    }
}
</style>